<!--
 * @Author: 'yangyuhang1203' '2621131059@qq.com'
 * @Date: 2025-09-08 09:26:52
 * @LastEditors: 'yangyuhang1203' '2621131059@qq.com'
 * @LastEditTime: 2025-09-08 11:20:52
 * @FilePath: \企业级\前端\hello.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格</title>
    <style>
        /* 设置表格标签样式 */
        table {
        /* 表格宽度 */
        width: 400px;
        /* 表格内⽂字⽔平对⻬⽅式 */
        text-align: center;
        }
        /* 设置table标签、td标签、th标签的样式 */
        table,
        table td,
        table th {
        /* 设置边框为1px的宽度、实线、颜⾊为⿊灰⾊ */
        border: 1px solid #444;
        /* 表格内边框合并 */
-collapse: collapse;
        }        border
    </style>
</head>
<body>
    <div>
        <table>
            <!--表名-->
            <caption>信息表</caption>
            <!--表头-->
            <head>
                <tr>
                    <th>序号</th>
                    <th>姓名</th>
                    <th>性别</th>
                    <th>年龄</th>
                </tr>
            </head>
            <!--表体-->
            <body>
                <tr>
                    <th>1</th>
                    <th>张三</th>
                    <th>男</th>
                    <th>18</th>
                </tr>
                <tr>
                    <th>2</th>
                    <th>李四</th>
                    <th>男</th>
                    <th>20</th>
                </tr>
            </body>
        </table>
    </div>
</body>
</html>
